<!-- Simple test page to hide elements using CSS for visibility check -->
<html>
  <head>
    <style>
      .Header {
        height: 30px;
        width: 100px;
        background-color:red;
      }

      .Footer {
        overflow: auto;
        height: 50px;
        width: 100px;
        background-color:green;
      }
    </style>
  </head>
  <body>
    <div class="Header">
    </div>
    <div class="Footer">
      <li aria-label="1">1</li>
      <li aria-label="2">2</li>
      <li aria-label="3">3</li>
      <li aria-label="4">4</li>
      <li aria-label="5">5</li>
      <li aria-label="6">6</li>
      <li aria-label="7">7</li>
      <li aria-label="8">8</li>
      <li aria-label="9">9</li>
      <li aria-label="10">10</li>
    </div>
  </body>
</html>
